<%- include('lb/header') %>

<!-- nav end -->
<div class="row" style="background-color: #f6f7f8;border-bottom: 1px solid #dddddd;">
    <ul class="nav nav-pills pull-right" style="height: 55px; position: relative; left: -485.5px;" id="download-nav">
        <li id="ios-download" class="w100" style="padding-top: 18px;margin-right: 100px">
            <img src="/homes/imgs/web_app_ios.png" style="padding-right: 5px;padding-bottom: 8px;"><span>iPhone下载</span>
            <div id="#ios-download-show" class="ios-download-show text-center" style="top: 50px; left: -60px; display: none;">
                <div>
                    <img src="/homes/imgs/beta.jpg" width="200">iOS扫描下载
                </div>
            </div>
        </li>
        <li id="android-download" class="w100" style="padding-top: 18px">
            <img src="/homes/imgs/web_app_android.png" style="padding-right: 5px;padding-bottom: 8px;"><span>Android下载</span>
            <div id="#android-download-show" class="android-download-show  text-center"><div><img src="/homes/imgs/beta.jpg" width="200">Android扫描下载</div></div>
        </li>
    </ul>
</div>

<div class="clearfix"></div>
<div class="wrap" style="background-color: #f6f7f8">
    <div class="container" style="background-color: #f7f7f7">
        <img src="/homes/imgs/web_app_pic.jpg">
    </div>
</div>


<script type="text/javascript">
    $(window).resize(function() {
//        console.log($("#ruler").position().left, $(window).width())
//        var offset = $(window).width() - $('#ruler').position().left - 67;
//        $("#download-nav").css("left",-offset);
    });
//    var offset = $(window).width() - $('#ruler').position().left - 67;
//    $("#download-nav").css("left", -offset);
    $("#ios-download").hover(
        function () {
            var pos = $(this).position();
            var iosx = pos.left - 60
            var iosy = pos.top + 50
            $(".ios-download-show").css("top",iosy).css("left",iosx).show();
        },
        function () {
            $(".ios-download-show").hide();
        }
    );
    $("#android-download").hover(
        function () {
            var pos = $(this).position();
            var androidx = pos.left - 255
            var androidy = pos.top + 50
            $(".android-download-show").css("top",androidy).css("left",androidx).show();
        },
        function () {
            $(".android-download-show").hide();
        }
    );
</script>

<%- include('lb/footer') %>